/*
 * @Author: your name
 * @Date: 2020-12-06 22:52:36
 * @LastEditTime: 2020-12-17 18:16:26
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \H5 2010 studyd:\phpStudy\WWW\steam\js\nav.js
 */

 define(['jquery'],()=>{
    class Nav{
        constructor(){
            this.load()
        }
        load(){
            $('nav').load('/html/nav.html',()=>{
                this.searchFocus()
                this.toCart()
                this.cartCount()
            })
        }
        searchFocus(){
            $('.searchBox input').focus(function(){
                if ($(this)[0].className === 'default') {
                    $('.searchBox input')[0].placeholder = ' '
                    $('.searchBox input').removeClass().addClass('term')
                }
            })
            $('.searchBox input').blur(function(){
        
                if($(this)[0].value === ''){
                    
                    $('.searchBox input').removeClass().addClass('default')
                    $('.searchBox input')[0].placeholder = '搜索商品'    
                }
            })
        }
        toCart(){
            $('.cartBtn').click(function(){
                window.location.href='/html/cart/cart.html'
            })
        }

        cartCount(){
            const list = JSON.parse(localStorage.getItem('list'))
            if(list){
                if(list.length > 0){
                    $('.cartBtn > span').text(list.length)
                }else{
                $('.cartBtn').css({display:'none'})
                }
            }else{
                $('.cartBtn').css({display:'none'})
            }
            
        }

        
    }
    return new Nav
 });

// 导航框复选
// $('nav').load('/html/nav.html',()=>{
//     searchFocus()
// })

// function searchFocus(){
    // $('.searchBox input').focus(function(){
    //     if ($(this)[0].className === 'default') {
    //         $('.searchBox input')[0].placeholder = ' '
    //         $('.searchBox input').removeClass().addClass('term')
    //     }
    // })
    // $('.searchBox input').blur(function(){

    //     if($(this)[0].value === ''){
            
    //         $('.searchBox input').removeClass().addClass('default')
    //         $('.searchBox input')[0].placeholder = '搜索商品'    
    //     }
    // })
// }